@font-face {font-family:'BEBAS';src:url('impact.ttf') format('truetype'); font-weight: normal; font-style: normal;} 
a{text-decoration:none;}

.home__flaps{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  width:100%;
  height:100%;
  z-index:9;
  pointer-events:none;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
}
.home__flaps-row{
  width:100%;
  height:50%;
  -webkit-box-flex:2;
  -ms-flex-positive:2;
  flex-grow:2;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
}
.home__flap{  height:100%;  width:calc((100% - 0px)/6);}
.home__flap .inner{  width:100%;  position: relative;  height:100%;}
.home__flaps-row .home__flap .inner:before{
content:'';
position: absolute;
background:#f8f8f8;
height:100%;
width:100%;
transform-origin:center;
transition:0.8s cubic-bezier(0.68, 0.54, 0.14, 0.96) 0.5s;
transform:scale(1);
right:0px;
z-index:3;
}
.home__flaps .home__flaps-row:nth-child(2) .home__flap .inner:before{transition:0.6s cubic-bezier(0.68, 0.54, 0.14, 0.96) 0.5s;}
#section1 div.scrolled .home__flaps-row .home__flap .inner:before{width:0;}
.section.active .home__flaps-row .home__flap .inner:before{width:0;}
.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell {
    height: auto!important;
}


#box_top {
	width: 100%;
	margin: auto;
	position: fixed;
	z-index: 99;
	top: 0px;
	height:80px;
	background: rgb(0 0 0 / 0.4);
	border-bottom:1px solid rgb(142 142 142 / 0.4);

}
.section{ height:100vh; overflow:hidden;}
.box_top {
	width: 96%;
	margin: auto;
}
.top_logo {
	width: 25%;
	float: left;
	text-align: left;
}
.top_logo img{ padding-top:3.5%;}
.top_menu {
	width: 70%;
	float: right;
	text-align: right
}
.top_menu li {
	display: inline-block;
}
.top_menu li a{ line-height:79px; color:#fff; font-size:0.98rem;}
/*banner*/
.fullSlide {
	min-width: 1240px;
	position: relative;
	height: 100vh;
	overflow: hidden;
}
.fullSlide .bd {
	position: relative;
	z-index: 0;
}
.fullSlide .bd ul {
	width: 100% !important;
}
.fullSlide .bd li {
	width: 100%!important;
	height: 100vh;
	overflow: hidden;
	text-align: center;
}
.fullSlide .bd li a {
	display: block;
	height: 100vh;
}
.fullSlide .bd li img {
	width: 1920px;
	height: 100vh;
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
}
.fullSlide .hd {
	width: 1240px;
	left: 50%;
	margin-left: -600px;
	bottom: 75px;
	position: absolute;
	z-index: 1;
	overflow: hidden;
}
.fullSlide .hd ul {
	margin-left: 500px;
}
.fullSlide .hd ul li {
	float: left;
	margin: 0 5px;
	display: inline;
	cursor: pointer;
	width: 62px;
	height: 5px;
	background: #fff;
	text-indent: -999px;
}
.fullSlide .hd ul .on {
	background: #f68100;
}
.B_T{ position:absolute; width:100%; top:45%;}
.B_T h1,.B_T h2{ width:64%; margin:auto; display:block; text-align:left;}
.B_T h2{    font-weight: normal;
    font-size: 5rem;
    font-family: Software,serif !important;
    color: #ffe768;
    text-shadow: 1px 0 5px #f06831, 0 1px 5px #f06831, 0 -1px 5px #f06831, -1px 0 5px #f06831;}
.B_T h1{transition: 0.5s;
    letter-spacing: 10px;
    font-family: Software,serif !important;
    font-weight: normal;
    line-height: 1.1;
    color: #fff;
}


.cd-headline.clip .cd-words-wrapper::after{
			content: '';
    position: absolute;
    top: 14px;
    right: 0;
    width: 1px;
    height: 51px;
    background-color: #333;}
  .logobox{
  	width:auto;
    height:auto;
	padding: 10px 0;
  }
  .cd-intro {
  width: 100%;
  max-width: 100%;
  text-align: center;
  font-size: 12px;
  font-family: "微软雅黑";
  color:#fff;
  font-weight:normal;
}

.cd-intro {
  margin:0px;
    padding-top:0px;
}

.cd-headline {
  font-size:2.38vw;
  line-height: 1.2;
}

.cd-words-wrapper {
  display: inline-block;
  position: relative;
  text-align: left;
}
.cd-words-wrapper b {
  display: inline-block;
  position: absolute;


















  white-space: nowrap;
  left: 0;
  top: 0;
  font-weight:normal;
}
.cd-words-wrapper b.is-visible {
  position: relative;
}
.no-js .cd-words-wrapper b {
  opacity: 0;
}
.no-js .cd-words-wrapper b.is-visible {
  opacity: 1;
}

.cd-headline.clip span {
  display: inline-block;
  padding: .2em 0;
}
.cd-headline.clip .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top;
}
.cd-headline.clip .cd-words-wrapper::after {
  /* line */
  content: '';
  position: absolute;
  top:9px;
  right: 0;
  width: 2px;
  height: 73%;
  background-color:#fff;
}
.cd-headline.clip b {
  opacity: 0;
}
.cd-headline.clip b.is-visible {
  opacity: 1;
}


#section2 .fp-tableCell{/* background:url(ljf2.jpg) no-repeat center; */transition: all 0.7s ease-in-out 0s;-webkit-transition:all 0.7s ease-in-out;-moz-transition:all 0.7s ease-in-out;background-size: cover;}
#section2 .fp-tableCell:hover{transition: all 0.7s ease-in-out 0s; -webkit-transition:all 0.7s ease-in-out; -moz-transition:all 0.7s ease-in-out;}
#section5{background: url(ljf5.jpg) no-repeat left center;background-size: cover;}
#section6{background: rgb(41, 41, 41);}


.ghxt1{ position:absolute; z-index:2; width:1px; height:0; top:0; left:16.666%; background:rgba(255, 255, 255, 0.6);}
.ghxt2{ position:absolute; z-index:2; width:1px; height:0; top:0; left:33.332%; background:rgba(255, 255, 255, 0.6);}
.ghxt3{ position:absolute; z-index:2; width:1px; height:0; top:0; left:50.000%; background:rgba(255, 255, 255, 0.6);}
.ghxt4{ position:absolute; z-index:2; width:1px; height:0; top:0; left:66.666%; background:rgba(255, 255, 255, 0.6);}
.ghxt5{ position:absolute; z-index:2; width:1px; height:0; top:0; left:83.326%; background:rgba(255, 255, 255, 0.6);}
.gh1{font-family:'BEBAS',Arial,sans-serif; color:#f08519; font-size:5vw; line-height:5.5vw; letter-spacing: 0.35vw; position:absolute; z-index:2; top:20vh; left:0; opacity:0;}
.gh2{width:100%; height:100vh; position:relative; z-index:0; top:0;}
.gh2 video{ width:100%; position:relative; top:0;}
.gh3{ width:100%; height:100vh; background:rgba(255, 255, 255, 0.56); position:absolute; z-index:1;}
#section6 .gh3{background:rgba(255, 255, 255, 0.78);}
.gh4{ width:33.22%; background:rgba(24, 139, 89, 0.9); position:absolute; left:0; top:55vh; opacity:0; z-index:2;}
.gh5{ width:33.22%; position:absolute; left:0; top:67vh; z-index:2; color:#555; font-size:14px; line-height:27px; text-align:justify; opacity:0;}
.gh6{width: 40%;position:absolute;left:0;top: 23vh;z-index:2;color:#f08519;font-family:'BEBAS',Arial,sans-serif;font-size:3.5vw;opacity:0;}
.gh7{width: 34%;position:absolute;left:0;top: 38vh;z-index:2;color: #000;opacity:0;}
.gh7 strong{color: #000;font-size:1.6vw;float:left;}
.gh7 span{width: 60px;height: 3px;background: #0062ba;position: absolute;left: 0;top: 60px;}
.gh7 p{color:#0062ba; font-size:0.86vw; float:left; padding-top:1vw; margin-left:4px; letter-spacing:2px;}
.gh8{width: 34%;position:absolute;left: 0;top: 47vh;z-index:2;color:#333;opacity:0;font-size:15px;color:#333;text-align:justify;line-height:27px;}
.gh9{position:absolute;left: 0;top: 57vh;z-index:2;overflow:hidden;width: 34%;opacity:0;}
.gh9 img{width:100%; float:left;}
.gh10{width: 50%;height:20vh;left: 43%;top:100vh;position:absolute;z-index:2;opacity:0;}
.gh10 img{width:100%;}
.gh10 video{width:100%;}

#section5 .gh6{}
#section5 .gh7{
    width: 25%;
    top: 33vh;
    font-size: 14px;
}

.gh11{text-align: center; width: 100%; float: left; position:absolute;}
.gh11::after{content:'';width:2px; height:34px; background:#f08519; position:absolute; left:50%; top:58px;}
.gh12{ width:100%; font-size:15px; text-align:center; float:left; margin-top:100px;}
.gh13{width:90%; font-size:13px; text-align:center; color:#666; float:left; margin-top:40px;opacity:0;transition: all 0.7s ease-in-out 0s;  padding:5%;}

.gh34 .gh6{    top: 0;}
.gh34 .gh7{    top: 12vh;}

#ghan1{overflow:hidden!important;position: absolute;z-index:2;width: 180px;top: 73vh;height: 46px;line-height: 46px;text-align:center;font-family:'BEBAS',Arial,sans-serif;font-size: 18px;transition: all .3s;}  
.cpright #ghan1{overflow:hidden!important;position: absolute;z-index:2;width: 180px;top: 360px;left: auto;height: 46px;line-height: 46px;text-align:center;font-family:'BEBAS',Arial,sans-serif;font-size: 18px;transition: all .3s;} 
.cpright #ghan1:hover{}
#ghan1:hover{width: 200px;transition: all .3s;}
.cpright.p_CommonBtn{background: transparent;border-radius: 23px;border:1px solid #fff;}
.p_CommonBtn{background: #0062ba;border-radius: 23px;}
#ghan1 .p_CommonBtn:before{content:"";position:absolute;height: 26px;width: 26px;top: 9px;right: 7%;border: 1px solid #fff;border-radius: 50%;z-index: 999;transition: 0.36s cubic-bezier(0.68, 0.54, 0.14, 0.96);}
#ghan1 .p_CommonBtn:after{content:"";position:absolute;height: 1px;width: 50px;background: rgba(255,255,255,.5);right: 14%;top: 22px;z-index: 999;transition: all .3s;}
#ghan1 .p_CommonBtn .font{transition: 0.36s ease;color: #fff;font-size: 14px;text-decoration:none;text-align: left;padding-left: 30px;}
#ghan1 .p_CommonBtn:hover .font{transform: translateY(0px); color:#fff;}
#ghan1 .p_CommonBtn:hover:before{}
#ghan1 .p_CommonBtn:hover:after{
    width: 70px;
    transition: all .3s;
}

.gh14{position:absolute;left: 0;top:25.4vh;opacity:0;z-index:2;}
.gh15{width:100%; position:absolute; top:80vh; z-index:2; color:#f08519; font-family:'BEBAS',Arial,sans-serif; font-size:3.5vw; text-align:center; opacity:0;}
.gh16{width:100%; position:absolute; top:80vh; z-index:2; color:#f08519; font-size:1.6vw; color: #007f47; text-align:center; font-weight:bolder; opacity:0;}
.gh17{ width:66.67%; position:absolute; z-index:2; bottom:0; left:16.67%; opacity:0;}
.gh18{ position:absolute; bottom:0; left: 50%; margin-left: -65px; opacity:0;}
.gh19{ width:calc(25% - 1px); float:left; margin-left:1px; background:rgba(0, 127, 71, 0.75);transition: all 0.7s ease-in-out 0s;}
.gh19:hover{ background:rgba(240, 133, 25, 0.76); transition: all 0.7s ease-in-out 0s;}
.gh19a{width:92%; max-height:170px; overflow:hidden; padding:12% 4% 5% 4%; float:left;}
.gh19a img{width:100%; float:left; height:auto;}
.gh20{width:92%; padding:0 4%; float:left; color:#fff; font-size:19px; font-weight:bolder;}
.gh21{width:92%; padding:5% 4% 16% 4%; float:left; color:#eee; font-size:14px;}
.gh22{position: fixed; top: auto;  left: 50%; bottom: 0px; right: auto; transform: translate(-50%, 0px); width: 80px; height:8vh; z-index:3;}
.gh22 p{ width:100%; color:#0062ba; font-family:arial,helvetica,sans-serif; font-size:0.64vw; text-align:center;}
.gh22 .container-arrow__arrow { pointer-events: none; overflow: hidden; position: relative; height:5vh; width:100%;}
.gh22 .container-arrow__arrow:before { content: ''; position: absolute; top:2px; left:48.8%; width: 3px; height: 100%; background-color: #007f47; -webkit-animation: screen-arrow 1.5s infinite ease; animation: screen-arrow 1.5s infinite ease;}
.gh23{ width:100%; background:rgba(255, 255, 255, 0.8); height:82px; position:fixed; top:0; z-index:4;}

.gh25{ width:60%; position:absolute; right:100px;}
.gh26{width: 50px; height: 50px; position:absolute; right:20px; top:20px; background:#ddd;}
.gh27{width: 56%;left:0;position:absolute;z-index:2;top: 23vh;opacity:0;}
.gh27a{ background:url(gh6.png) no-repeat; padding-left:40px; line-height:1.8vw; min-height:32px; margin-top:10px; font-size:14px;}
.gh27b{background: url(ljlx1.png) no-repeat;padding-top: 50px;line-height:1.8vw;min-height:32px;margin-top:10px;font-size:14px;width: 23%;float: left;color: #fff;margin-right: 2%;}

.gh27c{background: url(ljlx2.png) no-repeat;padding-top: 50px;line-height:1.8vw;min-height:32px;margin-top:10px;font-size:14px;float: left;width: 23%;color: #fff;margin-right: 2%;}
.gh27d{background: url(ljlx3.png) no-repeat;padding-top: 50px;line-height:1.8vw;min-height:32px;margin-top:10px;font-size:14px;float: left;width: 41%;color: #fff;margin-right: 2%;}
.gh28{padding-left: 0;line-height:32px;margin-top:10px;padding-left: 10px;width:16.60%;left:0;position: relative;z-index:2;color: #0062ba;font-weight: bold;font-size: 20px;top: 0;opacity: 1;}
.gh28 span{font-family:'BEBAS',Arial,sans-serif; color:#0062ba; font-size:2vw; width:100%;     font-size: 1.6vw; letter-spacing: .1vw; float: left;}
.gh28 p{font-size:.78vw; color:#0062ba; line-height: 20px; float: left;}
.gh29{width: 50%;left: 39%;position:absolute;top: 100vh;z-index:2;opacity:0;}
.gh29a{ width:100%;}
.gh29a img{ width:100%;}
.gh29b{width:150px; left:29%; top:31%; height:150px; position:absolute; z-index:3;
    animation: mymaps 2s infinite linear;
    -moz-animation: mymaps 2s infinite linear;
    -webkit-animation: mymaps 2s infinite linear;
    -o-animation: mymaps 2s infinite linear;
}
.gh29c{width: 66px; height: 66px; position:absolute; left:34%; top:40%; z-index:3; animation: mymaps 1s infinite linear;
    -moz-animation: mymaps 1s infinite linear;
    -webkit-animation: mymaps 1s infinite linear;
    -o-animation: mymaps 1s infinite linear;
}
.gh29d{ width:70px; text-align:center; color:#fff; position:absolute; left:34%; top:24%;}
.gh29d:before{content:""; position:absolute; height:4.8vw; width:1px; background:#fff; left:50%; top:30px; z-index:2;}

.gh30{ width:31%; height:42vh; background:#007f47; position:absolute; left:0; top:40vh; z-index:2; opacity:0; overflow: hidden;}
.gh30a{ width:100%; height:100%; position:absolute; z-index:2;}
.gh30a img{ width:100%; height: auto; min-height:100%; float:left;}
.gh30b{ width:92%; height:19%; bottom:0; position:absolute; z-index:3; background:rgba(0, 127, 71, 0.8);transition: all 0.5s ease-in-out 0s;color:#eee; padding:4%; font-size:1vw; font-weight:bolder; }
.gh30:hover .gh30b{background:rgba(240, 133, 25, 0.8);  height:24%;transition: all 0.5s ease-in-out 0s;}
.gh31{width: 53%;right:0;position:absolute;top: 24vh;z-index:2;opacity:0;}
.gh32{overflow: hidden;transition: all 0.5s ease-in-out 0s;width: calc((100% - 90px)/3);margin-right: 30px;float: left;}
.gh32:nth-child(1):before{content:'01';font-size: 40px;position:absolute;color: #e40000;font-family: 'BEBAS';}
.gh32:nth-child(2):before{content:'02';font-size: 40px;position:absolute;color: #e40000;font-family: 'BEBAS';}
.gh32:nth-child(3):before{content:'03';font-size: 40px;position:absolute;color: #e40000;font-family: 'BEBAS';}
.gh32:hover{/* background:rgba(240, 133, 25, 0.8); */transition: all 0.5s ease-in-out 0s;}
.gh320{
    width: 24%;
    float: right;
    background: #0047a3;
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding: 5px;
    margin-top: 10px;
}
.gh32a{width: 100%;float: left;font-size: 20px;line-height: 40px;font-weight:bolder;color: #0045a2;font-family: 'BEBAS';letter-spacing: 2px;margin-top: 15px;margin-bottom: 10px;}
.gh32b{width: 100%;float: left;text-align: left;font-size: 18px;color: #333;font-family:'BEBAS',Arial,sans-serif;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.gh32c{width:100%;float:left;font-size: 14px;line-height: 22px;font-weight:normal;margin-top: 20px;border-top: 1px solid #333;padding-top: 20px;margin-bottom: 20px;color: #999;}
.gh32d img{width:100%;}
.gh32e{
    font-size: 12px;
    color: #333;
    margin-top: 10px;
}
.gh33{}
.gh34{width: 77.6%;position:absolute;z-index:2;left: 10.7%;top:100vh;opacity:0;}
.gh35{width: 35px; height:35px; position:fixed; left: 30px; bottom: 60px; z-index:4;overflow: hidden !important;}
.gh35:before{content:""; position:absolute; height:1px; width:21px; background:#007f47; left:5px; top:34px; z-index:2;}
.gh36{width: 35px; height:35px; position:fixed; left: 30px; bottom: 20px; z-index:4;overflow: hidden !important;}

.gh35teltp img {

	transition: 0.5s ease;
}

.gh35teltp:hover img {
	transform: translateX(-32px);

	cursor: pointer;
}
.gh35teltp {
	overflow: hidden !important;
}

.gh35 .gh35telwz {
	font-family: 'Bebas';
	opacity: 0;
	transform: translateX(-5px);
	transition: 0.5s ease 0.2s;
	position: absolute;
    top:2px;
	font-size:20px;
    left:38px;
	color:#007f47;
    z-index: 2;
    width: 144px;
    height: 24px;

}

.gh35:hover .gh35telwz {
	opacity: 1;
	transform: translateX(2px);
}
.gh36ewmtp {
	overflow: hidden !important;
}

.gh36ewmtp img {
	transition: 0.5s ease;
}

.gh36ewmtp:hover img {
	transform: translateX(-32px);
	cursor: pointer;
}

.gh35:hover , .gh36:hover {
	overflow: initial!important;
}

.gh36 .gh36ewmwz {
	opacity: 0;
	transform: translateX(-5px);
	transition: 0.5s ease 0.2s;
	     position: absolute;
    top: -65px;
    left: 43px;
    z-index: 2;
    width: 95px;
    height: 95px;
}
.gh36 .gh36ewmwz img{ width:100%; float:left;
}

.gh36:hover .gh36ewmwz {
	opacity: 1;
	transform: translateX(0px);
}



.gh37{}
.gh38{}
.gh39{}
.gh40{}


.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index:2;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index:2;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;


    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    /* background:rgba(0, 127, 71, 0.75); */
}
.swiper-slide:hover{
	/* background:rgba(240, 133, 25, 0.76); */
}
.swiper-slide .pic{width: 60%;padding: 0;overflow: hidden;margin-left: 20%;}
.swiper-slide .pic img{width:100%; float:left;}
.swiper-slide .tit{width: 100%;padding: 0;color: #e40000;font-size: 20px;font-weight:bolder;text-align: right;margin-top: 40px;}
.swiper-slide .tit_gy{width: 100%;/* padding:2% 6%; */color: #0062ba;font-size: 34px;font-weight: bold;text-align: right;margin-top: 80px;}
.swiper-slide .tit_gy span{display:block;font-size:14px;color:#666;margin-top: 5px;font-weight: normal;text-transform: uppercase;}
.swiper-slide .tit_more{width:88%; padding:4% 6%; color:#eee; font-size:0.72vw;}

.cpright{position:absolute;right:0px;top:0;width: auto;}


.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
    position: absolute;
    width: 100px!important;
    bottom: 70px!important;
    z-index: 999;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}










.f6k{width:38%; position:absolute; opacity:0; left:5%; }
.f6k svg {
    height:63.8vh;
    left:-6%;
    position: absolute;
    top:6vh;
    width:100%;
}
.f6k rect {
    fill: none;
    stroke-width:8;
    stroke-dasharray: 315, 0;
    -webkit-transition: all 0.8s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: all 0.8s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}



/* æÅ'‰é’®å¼€å§‹ */
.rect-btn:after {
    background: #fff;
    content: "";
    height: 155px;
    left: -75px;
    opacity: .15;
    position: absolute;
    top: -50px;
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
    -webkit-transition: all 0ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 50px;
    z-index: -10;
}
.rect-btn p {
    font-family: 'Open Sans',Arial,sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    position: relative;
    z-index: 14;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    display: inline;
    color: #fff;
}
.rect-btn svg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.rect-btn rect {
    fill: none;
    stroke-width:5;
    stroke-dasharray: 315, 0;
    -webkit-transition: all 0.8s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: all 0.8s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}
.rect-btn:before {
    content: " ";
    display: block;
    position: absolute;
    bottom: 0px;
    height: 2px;
    width: 30px;
    left: 50%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    margin-left: -15px;
    background: -webkit-linear-gradient(left, #c30e22, #ffcc00);
    background: linear-gradient(to right, #c30e22, #ffcc00);
    -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition-delay: 0;
    transition-delay: 0;
}

.bt {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.grd-bdr .br:after {
	width:100%;
	height:2px;
	background:-webkit-linear-gradient(right, #ffcc00, #ffcc00);
	background:linear-gradient(to left, #ffcc00, #ffcc00);
	bottom:0;
	right:0
}
.rect-btn {
	cursor:pointer;
	display:inline-block;
	padding:19px 25px;
	position:relative;
	line-height:1;
	overflow:hidden;
	min-width:170px;
	text-align:center
}

.rect-btn:hover rect, .rect-btn.hvrd rect {
	stroke-width:5;
	stroke-dasharray:0, 210;
	stroke-dashoffset:8;
	-webkit-transition:all 1.05s cubic-bezier(0.19, 1, 0.22, 1);
	transition:all 1.05s cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition-delay:0s;
	transition-delay:0s
}
.rect-btn:hover:after, .rect-btn.hvrd:after {
	left:120%;
	-webkit-transition:all 550ms cubic-bezier(0.19, 1, 0.22, 1);
	transition:all 550ms cubic-bezier(0.19, 1, 0.22, 1)
}
.rect-btn:hover:before, .rect-btn.hvrd:before {
	-webkit-transform:scaleX(1);
	transform:scaleX(1);
-webkit-transition-delay:.5s;
transition-delay:.5s
}
/* æÅ'‰é’®ç»“束 */


/* é¦â€"页ç«â€"æâ€"°éâ€"»å¼€å§‹ */
.newBox{
    width: 60%;
    position: absolute;
    right:-40%;
    top:79px;
    overflow: hidden;
	opacity:0;
}
.n_animate:nth-child(1) {
    animation-name: fadeInLeft;
    animation-direction: normal;
    animation-duration: 1.5s;
    animation-delay: 1.6s;
}

.n_animate:nth-child(2) {

    animation-name: fadeInLeft;
    animation-direction: normal;
    animation-duration: 1.5s;
    animation-delay: 1.8s;
}
.n_animate:nth-child(3) {
    animation-name: fadeInLeft;
    animation-direction: normal;
    animation-duration: 1.5s;
    animation-delay: 2s;
}
.newUl{width:100%;}
.newLi {
    width:33.1%;
    height: 100vh;
    float: left;
    border-left: 1px solid rgba(255,255,255,.15);
	position: relative;
    overflow: hidden;
}
.newCon{padding: 0px 20px;
}
.newCon {
    height: auto;
    width: 100%;
    position: relative;
    z-index: 2;
}
.newLi:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 0%;
    background: -webkit-linear-gradient(90deg,rgba(230, 0, 0, 0.9),rgba(252,49,7,0.1));
    left: 0px;
    bottom: 0px;
    z-index: 0;
    transition: all .36s ease;
}
.newLi:hover:after{height:100%}
.porTbox {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
    padding-bottom: 70%;
    border-radius: 4px;
}
.porBbox {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
    padding: 20px 0px 10px;
    border: 0;
}
.newImg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    transition: all .5s ease;
}
.showBoxLink {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    width: 60%;
    color: #fff;
    text-align: center;
    font-size: 1rem;
    padding: .5rem 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.showBoxLink::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    transition: all .5s ease;
}
.showBoxLink::after {

    content: '';
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    transition: all .5s ease;
}
.newTitle {
    font-size: 1rem;
    color: #d8c5bf;

    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    font-weight: normal;
    white-space: nowrap;
    width: 100%;
}
.newSummry {
    color: #c59791;
    margin: 10px 0;
    display: -webkit-box;
    overflow: hidden;
    line-height: 1.8;
    -webkit-line-clamp: 3px;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.lookDetail {
    position: relative;
    display: block;
    color: #e2c9c0;
    height: 38px;
    line-height: 38px;
}
.arrowsR {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translate(0,-50%);
    width: 30px;
}
.arrowsR img {
    position: absolute;
    transition: all .5s ease;
}
.harr {
    opacity: 0;
}
.n_flex {
    display: flex;
    align-items: center;
}

.lookDetail:hover .barr {
	opacity:0
}
.lookDetail:hover .harr {
	opacity:1
}
.newLi:hover .showBox {
	opacity:1
}
.newLi:hover .newImg {
	transform:translate(-50%, -50%) scale(1.1)
}
.newLi:hover .showBoxLink::before {
width:1rem
}
.newLi:hover .showBoxLink::after {
width:1rem
}
.showBox {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0,0,0,.6);
    transition: all .5s ease;
}
/* é¦â€"页ç«â€"æâ€"°éâ€"»ç»“束 */


/* 关于我们数å­â€"滚动开始 */
.f_box.about001shuzi {
    text-align: left;
    color:#333;
	    padding-left: 30px;
    font-size: 0.9rem;
	width:100%;
	float:left;
	border-left: 1px solid #ccc;
	    margin-top:30px;
	    position: relative;
}
.f_box.about001shuzi:before {
    content: '';
    position: absolute;
    left: -1px;
    top: 0;
    width:2px;
    height:36%;
    background: #c52730;
    z-index: 1;
}

.f_box.about001shuzi .run_num{
    font-weight: normal;
    font-size:3.6rem;
    line-height:3rem;

    font-family: Software,serif !important;
    color: #c30d23;
    text-shadow: 1px 0 5px #ffe8df,0 1px 5px #ffe8df,0 -1px 5px #ffe8df,-1px 0 5px #ffe8df !important;
}
.f_box.about001shuzi .f_unit1{
	color:#333;
 	
}


/* 关于我们数å­â€"滚动结束 */


/* æ•°å­â€"滚动开始 */
.run_num {
    font-weight: normal;
    font-size:3.6rem;
    line-height:5rem;
    font-family: Software,serif !important;
    color: #ffe768;
    text-shadow: 1px 0 5px #f06831,0 1px 5px #f06831,0 -1px 5px #f06831,-1px 0 5px #f06831 !important;
}
.f_unit1 {
    font-size:1.2rem;
    position: relative;
    color: #eee;
    font-weight: bold;
}
.f_box {
    text-align: center;
    color: #fff;
    font-size: 0.9rem;
	width:20%;
	float:left;
	margin-right:2%;
}
.m_flex {
    width: 100%;
}
	
/* æ•°å­â€"滚动结束 */



.top_menu li a{
text-decoration:none;
height:100%;
padding:0 1.2vw;
display:block;
-webkit-transition:0.5s;
-moz-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
color:#fff;
position:relative;
z-index:1;
}
.top_menu li a:after{content:"";display:block;width:100%;height:100%;background-color:#c30d23;position:absolute;left:0;bottom:0;z-index:-1;-webkit-transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1);transition:transform .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1);transform-origin:left 100%;-webkit-transform-origin:left 100%;transform:scaleY(0);-moz-transform:scaleY(0);-webkit-transform:scaleY(0);visibility:hidden;}
.top_menu li:hover>a:after{
transform:scaleY(1);
-webkit-transform:scaleY(1);
transform-origin:left 0;
-webkit-transform-origin:left 0;
visibility:visible;
}

.top_menu li:hover a{
color:#ffe768;
}



.NavList_a1 li {
    position: static;
    display: inline-block;
    color: #fff;
    width: auto;
    vertical-align: top;
}
.NavList_a1 a {
    position: relative;
    font-size: 16px;
    height: 80px;
    line-height: 80px;
    padding: 0px 30px;
    color: #222;
    display: block;
    transition: 0.3s ease 0s;

}
.NavList_a1 .more:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 15px;
    display: block;
    background: #ccc;
    top: 50%;
    margin-top: -7px;
    right: 0px;
}

@media only screen and (max-width: 768px){
	
.f35 {
    width: 90%;
    padding: 4.5% 1%;
    margin: 4%;
}
.f46 {
    width: 100%;
    float: left;
}
.f53{width:100%;}

.f43{background-size: 100%;}
	
	
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    -moz-transform: translate3d(0px, 0, 0);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}
}


/* 提示下滑æÅ'‰é’® */
@-webkit-keyframes screen-arrow {
    0% {
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
    }
    100% {
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
    }
  }
  @keyframes screen-arrow {
    0% {
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
    }
    100% {
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
    }
  }

/* 手æÅ"ºç«¯æ ·å¼ */
@media screen and (max-width: 750px) {
#fp-nav.right {right: 12px;}
#fp-nav{bottom:18px;}
#fp-nav li{width:30px; height:12px; margin:6px 0 0;}
.ghxt3 , .ghxt4 , .ghxt5 { display:none;}
.ghxt1 {left:33.33%;}
.ghxt2 {left:66.66%;}
.home__flap {width: calc((100% - 0px)/3);}
.home__flaps-row div.home__flap:nth-child(3) , .home__flaps-row div.home__flap:nth-child(5) , .home__flaps-row div.home__flap:nth-child(6) { display:none;}
.gh1 {font-size:12vw; line-height:13vw; margin-left: -6%;}
.gh4 {width:72%; top:42vh;margin-left: -6%;}
.gh5 {width:72%;font-size: 12px; margin-left: -6%; line-height: 20px; top: 50vh;}
.gh35{left: 12px; bottom: 50px;}
.gh36 {left:12px; bottom:12px;}
.cd-headline {font-size: 4.8vw;}
.cd-headline.clip .cd-words-wrapper::after{top:4px;}
.gh8{font-size: 12px; width:84%; margin-top: -9vh; font-size: 12px; line-height:20px; margin-left: -8%; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; word-break: break-all; display: -webkit-box; -webkit-line-clamp:3;}
.gh6 {font-size: 7vw; margin-left: -8%;}
.gh7 {margin-left: -8%; margin-top: -5vh;}
.gh7 strong {font-size: 5vw;padding-right: 0;}
.gh7 p{margin-left:0;}
.gh14 { margin-right: -9%; margin-top: -6vh;}
.gh10{width:50%; left:0; margin-top: -10vh;}
.gh10a{width:50%; left:50%; margin-top: -3.4vh;}
.gh10b{width:50%; left:0%; margin-top: 10vh;}
.gh10c{width:50%; left:50%;margin-top: 16vh;}

.gh15{font-size:7vw;}
.gh11::after {height: 16px;}
.gh12 {margin-top: 76px;}
.gh13 {font-size: 12px;}
.gh16{font-size: 5vw; margin-top: -4vh;}
.gh17 {width: 84%; margin-left: -9%;}
.gh19 {width: calc(50% - 1px); margin-top:1px;}
.gh20 { font-size: 14px; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; word-break: break-all; display: -webkit-box; -webkit-line-clamp:1;}
.gh21 { font-size: 12px; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; word-break: break-all; display: -webkit-box; -webkit-line-clamp:2;}
.gh34 {width:84%; margin-left: -8.5%;}
.gh30{ display:none;}
.gh31 { width: 84%;  margin-right: -9%;}
.gh27 {width: 84%; margin-left: -8%; margin-top: -7vh;}
.gh29 { width: 84%; margin-right: -8%; margin-top:34vh;}
.gh29d {font-size: 12px; left: 27%;}
.gh28 {width: 80%; margin-left:-8%; margin-top: -17vh;}
.gh27b , .gh27c , .gh27d , .gh27a {background-size:7.6%;padding-left: 34px;line-height:22px;min-height: 32px;margin-top: 15px;font-size: 14px;}
.gh28 span {font-size: 5vw;}
.gh2 video {width: 385%;}
}


















/* Lin Remark */
.contain {
    width: 100%;
    padding-top: 0;
}
#Banner1{height:100vh;width:100%;}
.fp-tableCell{display:block!important;}
.fp-section.fp-table, .fp-slide.fp-table{display:block!important}
#Banner1 .swiper-wrapper{height:100vh;width:100%;}
.swiper-slide{overflow: hidden;}
/* Slider */
.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;}
.slick-list{position:relative;z-index:1;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);}
.slick-track{position:relative;top:0;left:0;display: block;}
.slick-track:before,.slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}
.x-banner .pimg{/* max-width: 100%; */display: block;}
.x-banner .pcimg{width: 100%;}
.x-banner .moimg{width: 100%; display: none;}
.x-banner .banner-item a {display: block;}
.x-banner .pagination{width: 100%!important;text-align: center;position: absolute;left: 0;bottom: 20px!important;z-index: 10;}

.x-banner .pagination .swiper-pagination-bullet{position: relative;width: 14px;height: 14px;background-color: #fff;opacity: 1;border: none;border-radius: 50%;font-size: 0;cursor: pointer;display: inline-block;_display: inline;zoom: 1;margin: 0 5px;}
.x-banner .pagination .swiper-pagination-bullet-active{background-color: #e87a19;}
.x-banner .pagination .swiper-pagination-bullet-active::before{
    content:'';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 170%;
    height: 170%;
    border: 1px solid #e87a19;
    border-radius: 100%;
    transform: translate(-50%, -50%);
}
.x-banner .swiper-button-prev{font-family: simsun;font-size: 50px;font-weight: bold;color: #0062bb;text-align: center;line-height: 44px;background: none;opacity: 0.5;z-index: 10;}
.x-banner .swiper-button-prev:hover,.x-banner .swiper-button-next:hover{opacity:1;}
.x-banner .swiper-button-next{font-size: 50px;font-family: simsun;font-size: 50px;font-weight: bold;color: #0062bb;text-align: center;line-height: 44px;background: none;opacity: 0.5;z-index: 10;}
.x-banner .pimg{min-width: 100%;width: auto;height:auto;transition:all .5s ease;left: 50%!important;top: 50%!important;-webkit-transform: translate(-50%,-50%)!important;-ms-transform: translate(-50%,-50%)!important;transform: translate(-50%,-50%)!important;position: absolute;min-height: 100%;}
.x-banner .active .pimg{visibility: visible !important; -webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1);  }
}
@keyframes slidedown{
  0% {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.sectionrow{}
.sectionleft{}
.sectionright{}

.about-num{margin-top:0px;padding-top: 20px;padding-bottom: 20px;background:none;padding-left: 0;overflow: hidden;}
.about-num li{float:left;width: auto;position:relative;padding-left: 25px;margin-right: 9px;padding-right: 10px;margin-bottom:35px;min-height: 60px;margin-top:35px;text-align:left;border-left: 1px solid #ccc;list-style: none;}
.about-num li:before{content:'';position:absolute;left:-1px;top:0;width:2px;height:50%;background: #e40000;z-index:1;}
.about-num li h2{font-family: 'BEBAS';font-size: 34px!important;font-weight: normal;color: #444;line-height: 40px;display:inline-block;}
.about-num li p{color: #888;font-size: 14px;line-height: 20px;}
.about-num .count-unit{font-size: 14px;color: #0062ba;text-align:right;display:inline-block;font-style:normal;}
.about-num li .bot p{
font-size:15px;
color:#666;
line-height:24px;
}
@media only screen and (max-width: 768px){

.about-num li h2{
    font-size: 30px!important;
    line-height: 46px;
  }
.about-num{
    margin-top:0px;
    padding-top:0px;
    padding-bottom:0px;
  padding-left:5%;
  }
.about-num .count-unit{
    font-size:14px;
  }
.about-num li p{
    font-size: 12px;
  }
.about-num li{
    width: 30%;
    margin-bottom:15px;
    margin-top:15px;
    border-bottom: none;
  }

.about-num li:nth-child(1){
  border-top: none;
  }
.about-num li:nth-child(2){
  border-top: none;
  border-right: none;
  }
.about-num li:nth-child(4){
  border-right: none;
  }
.about-num li:last-child{
  display:block;
  }
}
@media only screen and (max-width: 1024px) and (min-width: 769px){

.about-num li h2{
    font-size:50px;;
  }
.about-num{
    margin-top:25px;
    padding-top:12px;
    padding-bottom:10px;
  }
.about-num .count-unit{
    font-size:14px;
  }
.about-num li p{
    font-size:14px;
  }
}


.msrs{font-size: 14px;color: #333;line-height: 30px;width: 48%;margin: 15px 1% 0;float: left;overflow: hidden;}
.msrs span{
    color: #ff0000;
    margin-right: 5px;
}
.msrs input{display: block;width: 89%;height: 50px;line-height: 30px;padding: 0 5%;border: solid #ddd 1px;border-top: solid #ccc 1px;border-left: solid #ccc 1px;-webkit-border-radius: 4px;-khtml-border-radius: 4px;-rim-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;vertical-align: top;}
.msr1{
    font-size: 14px;
    color: #333;
    line-height: 30px;
    width: 48%;
    margin: 15px 1% 0;
    float: left;
    text-align: left;
}
.msr1 span{display:block;}
.msr1 img{
    float: right;
    width: 100px;
    height: 52px;
}
.msr1 input{
    display: block;
    width: calc((100% - 140px)/1);
    float: left;
    height: 50px;
    line-height: 50px;
    padding: 0 17px;
    border: solid #ddd 1px;
    border-top: solid #ccc 1px;
    border-left: solid #ccc 1px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -rim-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    vertical-align: middle;
}
.msr2{
    width: 98%;
    float: left;
    margin: 0 1%;
}
.msr2 button{
    width: 100%;
    margin-left: 0;
    height: 50px;
    border: 1px solid #ddd;
    margin-top: 25px;
    cursor: pointer;
    font-size: 16px;
}
.msr2 button:hover{background-color: #0062ba;color:#fff;border: 1px solid #0062ba;}
.beizhu{
    height: 120px!important;
    display: block;
    width: 94.5%;
    float: left;
    height: 40px;
    line-height: 40px;
    padding: 0 17px;
    border: solid #ddd 1px;
    border-top: solid #ccc 1px;
    border-left: solid #ccc 1px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -rim-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    vertical-align: middle;
}
.neirong{
    width: 98%;
}


@media only screen and (max-width: 1400px) and (min-width: 1300px){
	
	.gh8,.gh9{margin-left:-5%;}
	
	.gh34{left: 5%;width:90%;}
	.cpright{width:280px;}
	.swiper-slide .tit_gy{margin-top: 50px;}
	.cpright #ghan1{opacity: 1;right: 0;}
	
    .gh6,.gh7,.gh14{margin-left:-5%;}
	#section5{background-position-x: -250px;}
	.gh31{margin-right: -5%;width: 60%;}
}


@media only screen and (max-width: 768px){
   .gh24{width: auto;height: 40px;margin-top: 22px;}
   .gh24 img{height: 100%;}
   .gh23{background:#fff;}
   #section2 .gh6{width: 60%;top: 20vh;margin-left: -5%;}
   #section2 .gh6 img{width:100%}
   #section2 .gh7{width: 100%;margin-left: -5%;}
   #section2 .gh7 span{top: 40px;}
   #section2 .gh8{width: 86%;margin-top: -6vh;margin-left: -5%;}
   #section2 .gh9{width: 100%;top: 49vh;margin-left: -8%;}
   #section2 .gh14{top: 84vh;margin-left: -4%;}
   #section2 .gh10{display: none;}
   
   #section5 .gh6{width: 60%;top: 20vh;}
   #section5 .gh7{width: 80%;top: 37vh;}
   #section5 .gh27{width: 78%;top: 50vh;left: 14%!important;}
   #section5 .gh27b{
    width: 80%;
    padding: 10px 20px 10px 80px;
    background: url(ljlx1.png) no-repeat rgb(0 98 186 / 80%);
    background-position-x: 20px;
    background-position-y: 20px;
    height: 60px;
    display: flex;
    align-items: center;
}
   #section5 .gh27c{
    width: 80%;
    padding: 10px 20px 10px 80px;
    background: url(ljlx2.png) no-repeat rgb(0 98 186 / 80%);
    background-position-x: 20px;
    background-position-y: 20px;
    height: 60px;
    display: flex;
    align-items: center;
}
   #section5 .gh27d{
    width: 80%;
    padding: 10px 20px 10px 80px;
    background: url(ljlx3.png) no-repeat rgb(0 98 186 / 80%);
    background-position-x: 20px;
    background-position-y: 20px;
    height: 60px;
    display: flex;
    align-items: center;
}
   #section5 .gh29{display: none;}
}




@media only screen and (max-width: 1440px) and (min-width: 1200px){

.x-banner img.pimg{ width:100% !important; height:auto;}


}
.fh_kf{
    position: fixed;
    right: 0%;
    bottom: 20%;
    z-index: 9999;
    width: 60px;
    box-shadow: 0 0 8px rgb(0 80 150 / 12%);
    background: #fff;
}
.fh_kf .tba{
    height: 65px;
    position: relative;
}
.fh_kf .tba:nth-child(1){
    display: none;
}
.fh_kf .tba a{
    font-size: 12px;
    color: #005096;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.fh_kf .tba img{
    width: 100%;
}
.fh_kf .tba a span{
    display: block;
}
.xdh_nr{
    display: none;
    position: absolute;
    right: 66px;
    top: 0%;
    width: 214px;
    background: #fff;
    font-size: 14px;
    padding: 23px;
    line-height: 1.8;
}
.xewm_nr{
    display: none;
    position: absolute;
    right: 66px;
    top: 0%;
    width: 135px;
    background: #fff;
    padding: 10px;
}
.bjimg {
    width: 35px;
    height: 35px;
    margin: 0 auto;
}
        .bjimg1 {
    background: url(fk-ico1.png) center center;
    background-size: 23px;
    background-repeat: no-repeat;
}
        .bjimg2 {
    background: url(fk-ico2.png) center center;
    background-size: 23px;
    background-repeat: no-repeat;
}
        .bjimg3 {
    background: url(fk-ico3.png) center center;
    background-size: 23px;
    background-repeat: no-repeat;
}
        .zda1 .bjimg4 {
    background: url(fk-ico4.png) center center;
    background-size: 23px;
    background-repeat: no-repeat;
}
        .zda1{
    height: 65px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
        .zda1 a{
    display: block;
    font-size: 12px;
    color: #005096;
    text-align: center;
}
        .fh_kf .tba:hover{
    background: #e67411;
}
        .fh_kf .tba:hover .bjimg1{
    background: url(fk-ico1a.png) center center;
    background-size: 23px;
    background-repeat: no-repeat;
}
         .fh_kf .tba:hover .bjimg2{
    background: url(fk-ico2a.png) center center;
    background-size: 23px;
    background-repeat: no-repeat;
}
         .fh_kf .tba:hover .bjimg3{
    background: url(fk-ico3a.png) center center;
    background-size: 23px;
    background-repeat: no-repeat;
}
        .zda1:hover{
    background: #e7720d;
}
        .zda1:hover .bjimg4{
    background: url(fk-ico4a.png) center center;
    background-size: 23px;
    background-repeat: no-repeat;
}
        .fh_kf .tba:hover a span{
    color: #fff;
}
        .fh_kf .tba:hover .xdh_nr{
    display: block;
}
         .fh_kf .tba:hover .xdh_nr p{
    text-align: left;
    line-height: 1.8;
}
        .fh_kf .tba:hover .xdh_nr p a{
    font-size: 14px;
    text-align: left;
    color: #333;
    display: block;
}
         .fh_kf .tba:hover .xdh_nr div{
    line-height: 1.8;
}
        .fh_kf .tba:hover .xewm_nr{
    display: block;
}

aside{position: fixed;left: 10px;top:33vh;z-index: 12345;display: none;}
.as-btn{display: block;width: 140px;height: 50px;background-size:contain;margin-bottom: .1rem;background-color: #194c7f;transition: all .3s;cursor: pointer;text-align:center;color:#fff;background-repeat: no-repeat;}
.as-btn1{background-image: url(167.png);font-size: 18px;line-height: 50px;font-weight: bold;padding-left: 15px;border-radius: 5px;}
.as-btn2{background-image: url(168.png);}
.as-box{width: 206px;background-color: #fff;position: absolute;left: 345px;top: 0;padding: 0 15px;transform: translate(-100%,0);cursor: default;visibility: hidden;opacity: 0;transition: all .3s;text-align: left;font-size: 12px;}
.as-item{border-bottom: 1px solid #f2f2f2;padding: 15px 0;padding-left: 15px;position: relative;}
.as-item:last-child{border-bottom: none;}
.as-item:before{content: "";display: inline-block;width: 1.43em;height: 1.43em;background-size: 100% 100%;position: absolute;left: -6px;top: 15px;transition: all .3s;}
.as-item1:before{background-image: url(as1.png);}
.as-item2:before{background-image: url(as2.png);}
.as-item3:before{background-image: url(as3.png);}
.as-row{line-height: 21px;color: #666;transition: all .3s;}
.as-num{color: #666;font-weight: bold;padding-top: .1rem;transition: all .3s;display: inline-block;vertical-align: top;}
.as-btn:hover .as-box{visibility: visible;opacity: 1;}
@media(max-width: 1500px){
    .as-num{font-size: 16px;}
}
@media(min-width: 1201px){
    .as-btn:hover{background-color: #ff911e;}
    .as-item:hover .as-row{color: #ff911e;}
    .as-item:hover .as-num{color: #ff911e;}
    .as-item1:hover:before{background-image: url(as4.png);}
    .as-item2:hover:before{background-image: url(as5.png);}
    .as-item3:hover:before{background-image: url(as6.png);}
}